<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
  $(".click").click(function(){
  $(".tip").fadeIn(200);
  });
  
  $(".tiptop a").click(function(){
  $(".tip").fadeOut(200);
});

  $(".sure").click(function(){
  $(".tip").fadeOut(100);
});

  $(".cancel").click(function(){
  $(".tip").fadeOut(100);
});

});
</script>


</head>


<body>

	<div class="place">
		<span>位置：</span>
		<ul class="placeul">
			<li><a href="#">首页</a></li>
			<li><a href="#">数据表</a></li>
			<li><a href="#">基本内容</a></li>
		</ul>
	</div>

	<div class="rightinfo">

		<!-- <div class="tools">
			<ul class="toolbar">
				<li class="click"><span><img src="images/t01.png" /></span>新增订单</li>
				<li class="click"><span><img src="images/t02.png" /></span>修改</li>
				<li><span><img src="images/t03.png" /></span>删除</li>
				<li><span><img src="images/t04.png" /></span>统计</li>
			</ul>
		</div> -->


		<table class="tablelist">
			<thead>
				<tr>
					<th>订单编号</th>
					<th>ASIN号码</th>
					<th>中文品名</th>
					<th>订单号</th>
					<th>跟踪号</th>
					<th>下单时间</th>
					<th>是否已留feedback</th>
					<th>是否已留REVIEW</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>20160430</td>
					<td>测试数据</td>
					<td>测试数据</td>
					<td>1111</td>
					<td>2222</td>
					<td>3333</td>
					<td>4444</td>
					<td>5555</td>
					<td><a href="#" class="tablelink">查看</a></td>
				</tr>

				<tr>
					<td>20160430</td>
					<td>测试数据</td>
					<td>测试数据</td>
					<td>1111</td>
					<td>2222</td>
					<td>3333</td>
					<td>4444</td>
					<td>5555</td>
					<td><a href="#" class="tablelink">查看</a></td>
				</tr>
				<tr>
					<td>20160430</td>
					<td>测试数据</td>
					<td>测试数据</td>
					<td>1111</td>
					<td>2222</td>
					<td>3333</td>
					<td>4444</td>
					<td>5555</td>
					<td><a href="#" class="tablelink">查看</a></td>
				</tr>
				<tr>
					<td>20160430</td>
					<td>测试数据</td>
					<td>测试数据</td>
					<td>1111</td>
					<td>2222</td>
					<td>3333</td>
					<td>4444</td>
					<td>5555</td>
					<td><a href="#" class="tablelink">查看</a></td>
				</tr>
				<tr>
					<td>20160430</td>
					<td>测试数据</td>
					<td>测试数据</td>
					<td>1111</td>
					<td>2222</td>
					<td>3333</td>
					<td>4444</td>
					<td>5555</td>
					<td><a href="#" class="tablelink">查看</a></td>
				</tr>
				<tr>
					<td>20160430</td>
					<td>测试数据</td>
					<td>测试数据</td>
					<td>1111</td>
					<td>2222</td>
					<td>3333</td>
					<td>4444</td>
					<td>5555</td>
					<td><a href="#" class="tablelink">查看</a></td>
				</tr>
				<tr>
					<td>20160430</td>
					<td>测试数据</td>
					<td>测试数据</td>
					<td>1111</td>
					<td>2222</td>
					<td>3333</td>
					<td>4444</td>
					<td>5555</td>
					<td><a href="#" class="tablelink">查看</a></td>
				</tr>
				<tr>
					<td>20160430</td>
					<td>测试数据</td>
					<td>测试数据</td>
					<td>1111</td>
					<td>2222</td>
					<td>3333</td>
					<td>4444</td>
					<td>5555</td>
					<td><a href="#" class="tablelink">查看</a></td>
				</tr>

			</tbody>
		</table>


		<div class="pagin">
			<div class="message">
				共<i class="blue">1256</i>条记录，当前显示第&nbsp;<i class="blue">2&nbsp;</i>页
			</div>
			<ul class="paginList">
				<li class="paginItem"><a href="javascript:;"><span
						class="pagepre"></span></a></li>
				<li class="paginItem"><a href="javascript:;">1</a></li>
				<li class="paginItem current"><a href="javascript:;">2</a></li>
				<li class="paginItem"><a href="javascript:;">3</a></li>
				<li class="paginItem"><a href="javascript:;">4</a></li>
				<li class="paginItem"><a href="javascript:;">5</a></li>
				<li class="paginItem more"><a href="javascript:;">...</a></li>
				<li class="paginItem"><a href="javascript:;">10</a></li>
				<li class="paginItem"><a href="javascript:;"><span
						class="pagenxt"></span></a></li>
			</ul>
		</div>


		<div class="tip">
			<div class="tiptop">
				<span>提示信息</span><a></a>
			</div>

			<div class="tipinfo">
				<span><img src="images/ticon.png" /></span>
				<div class="tipright">
					<p>是否确认对信息的修改 ？</p>
					<cite>如果是请点击确定按钮 ，否则请点取消。</cite>
				</div>
			</div>

			<div class="tipbtn">
				<input name="" type="button" class="sure" value="确定" />&nbsp; <input
					name="" type="button" class="cancel" value="取消" />
			</div>

		</div>

	</div>

	<script type="text/javascript">
	$('.tablelist tbody tr:odd').addClass('odd');
	</script>

</body>
</html>